﻿@model Tarasca.Models.MovimientosModel
@using BLLTarasca;
<script type="text/javascript">
    $(document).ready(function () {
        EventBinder($("#btnNuevoMovimiento"), "click", nuevoMovimiento); 
        EventBinder($(".botonEditarMovimiento"), "click", editarMovimiento);
        EventBinder($(".botonEliminarMovimiento"), "click", eliminarMovimiento);
    });

    function eliminarMovimiento(e) {
        if (confirm("Eliminar?")) {
            mostrarCargandoCuentas();
            var idMovimiento = $(e.currentTarget).attr("idMovimiento");

            $.ajax({
                url: '@Url.Content("~/Movimientos/Eliminar")',
                data: { idMovimiento: idMovimiento },
                success:function(data){
                    ocultarCargandoCuentas();
                    mostrarMovimientos();
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    ocultarCargandoCuentas();
                    mostrarMensajeGlobalError("Eliminando movimiento");
                }
            });
        }
    }
</script>
<h1>Resumen</h1>
<div class="row">
    <div class="col-md-4">
        <div class="form-horizontal">
            <div class="row">
                <div class="col-md-8 contenedorTituloResumen">
                    <label id="tituloResumen" class="control-label">Mes actual</label>
                </div>
            </div>
            <div class="row">
                <div class="">
                    <label class="control-label col-md-3">Ingresado:</label>
                    <div class="col-md-5 columnaDinero">
                        <label id="filtroTotalIngreso" class="control-label text-success">@Model.IngresosPeriodo.ToString("C2")</label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="">
                    <label class="control-label col-md-3">Gastado:</label>
                    <div class="col-md-5 columnaDinero">
                        <label id="filtroTotalGasto" class="control-label text-danger">@Model.GastosPeriodo.ToString("C2")</label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="">
                    <label class="control-label col-md-3">Saldo:</label>
                    <div class="col-md-5 columnaDinero">
                        @if (Model.SaldoPeriodo >= 0)
                        {
                            <label id="filtroTotalSaldo" class="control-label text-success">@Model.SaldoPeriodo.ToString("C2")</label>
                        }
                        else
                        {
                            <label id="filtroTotalSaldo" class="control-label text-danger">@Model.SaldoPeriodo.ToString("C2")</label>
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-horizontal">
            <div class="row">
                <div class="col-md-8 contenedorTituloResumen">
                    <label id="tituloResumen" class="control-label">TOTAL</label>
                </div>
            </div>
            <div class="row">
                <div class="">
                    <label class="control-label col-md-3">Ingresado:</label>
                    <div class="col-md-5 columnaDinero">
                        <label id="filtroTotalIngreso" class="control-label text-success">@Model.IngresosTotales.ToString("C2")</label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="">
                    <label class="control-label col-md-3">Gastado:</label>
                    <div class="col-md-5 columnaDinero">
                        <label id="filtroTotalGasto" class="control-label text-danger">@Model.GastosTotales.ToString("C2")</label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="">
                    <label class="control-label col-md-3">Saldo:</label>
                    <div class="col-md-5 columnaDinero">
                        @if (Model.SaldoTotal >= 0)
                        {
                            <label id="filtroTotalSaldo" class="control-label text-success">@Model.SaldoTotal.ToString("C2")</label>
                        }
                        else
                        {
                            <label id="filtroTotalSaldo" class="control-label text-danger">@Model.SaldoTotal.ToString("C2")</label>
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <h1 class="col-md-6">Movimientos</h1>
</div>
<div class="row">
    <div class="col-md-6">
        <button id="btnNuevoMovimiento" class="btn btn-primary">+ Nuevo Movimiento</button>
    </div>
</div>
<div class="row">
    <div class="table-responsive grillaMovimientos col-lg-12">
        <table class="table table-striped table-hover">
            <tr>
                <th>Categoría</th>
                <th>Descripción</th>
                <th>Fecha</th>
                <th>Medio de Pago</th>
                <th>Monto</th>
                <th></th>
                <th></th>
            </tr>
            @foreach (TA_Movimiento movimiento in Model.Movimientos)
            {
                <tr>
                    <td>
                        <label>@movimiento.TA_Categoria.Nombre</label>
                    </td>
                    <td>
                        <label>@movimiento.Descripcion</label>
                    </td>
                    <td>
                        <label>@movimiento.Fecha.Value.ToShortDateString()</label>
                    </td>
                    <td>
                        <label>@movimiento.TA_MedioDePago.Nombre</label>
                    </td>
                    <td class="col-xs-2 columnaDinero">
                        @if (movimiento.EsIngreso.Value)
                        {
                            <label class="text-success">@movimiento.Monto.Value.ToString("C2")</label>
                        }
                        else
                        {
                            <label class="text-danger">@movimiento.Monto.Value.ToString("C2")</label>
                        }
                    </td>
                    <td class="col-md-1 columnaDinero"><label idMovimiento="@movimiento.IdMovimiento" class="botonEditarMovimiento">Editar</label></td>
                    <td class="col-md-1 columnaDinero"><label idMovimiento="@movimiento.IdMovimiento" class="botonEliminarMovimiento">Eliminar</label></td>
                </tr>
            }
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td class="col-xs-2 columnaDinero">
                    Saldo:
                    @if (Model.SaldoPeriodo >= 0)
                    {
                        <label class="text-success">@Model.SaldoPeriodo.ToString("C2")</label>
                    }
                    else
                    {
                        <label class="text-danger">@Model.SaldoPeriodo.ToString("C2")</label>
                    }
                </td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </div>
</div>
